<style type="text/css">
    .bg {
        background: #eee;
        padding-top: 48px;
        padding-bottom: 10px;
    }
    .daixao_intro{
        font-size: 12.8px;
        color: #666;
        line-height: 28px;
        background:#fff;
        margin: 6px 0;
        padding: 10px 20px;
    }
    .red{
        color: red;
    }
    .daixao_intro a{
        color: blue;
    }
    .daixiao_list li{
        background: #fff;
        padding: 0 14px;
    }
    .daixiao_prod img{
        width: 48px;
        height: 48px;
        margin-right: 8px;
    }
    .daixao_title{
        height: 34px;
        line-height: 34px;
        font-size: 12.8px;
        color: #999;
    }
    .daixiao_status{
        color: red;
    }
    .daixiao_prod{
        padding: 8px 0;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }
    .daixiao_count{
        text-align: right;
        font-size: 13px;
        color: #999;
        height: 34px;
        line-height: 34px;
    }
    .daixiao_list li+li{
        margin-top: 6px;
    }
    .daixiao_prod span{
        color: #999;
    }
    .order_tabs{
        background: #fff;
        height: 42px;
        line-height: 42px;
        border-top: 1px solid #eee;
        margin-bottom: 6px;
        padding: 0 60px;
    }
    .order_tabs a{
        width: 100%;
        text-align: center;
        font-size: 12.8px;
    }
    .order_tabs a.active{
        border-bottom: 2px solid red;
    }
    .order_panel{
        padding: 10px 40px;
        border-top: 1px solid #f1f1f1;
    }
    .order_panel a{
        float: left;
        width: calc((100% - 40px) / 2);
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 12.8px;
        color: #fff;
        background: #999;
        border-radius: 4px;
    }
    .order_panel a+a{
        margin-left: 40px;
        background: #f25353;
    }
    .ticket_list{
        padding: 0 20px;
    }
    .ticket_label{
        width: 80px;
        height: 80px;
        background: url(/images/yishiYongBg.png) no-repeat center center;
        background-size: 100% 100%;
        padding: 12px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .ticket_info{
        width: calc(100% - 114px);
        background: #fff;
        height: 80px;
        padding-left: 16px;
        font-size: 12.8px;
        color: #666;
        line-height: 26px;
    }
    .rule_link{
        width: 34px;
        height: 80px;
        background: #fff;
        border-left: 2px dashed #eee;
        text-align: center;
        font-size: 12.8px;
        color: red;
        padding:6px;
    }
    .ticket_list li+li{
        margin-top: 6px;
    }
</style> 



<div class="pro_header">
    <a href="javascript:history.go(-1)" class="return_btn"></a>
    <?= $this->title ?>
    <a href="<?= url(['site/index']) ?>" class="to_home_btn"></a>
</div>


<!-- <p class="order_tabs flex-nowrap">
    <a href="" class="active">未使用</a>
    <a href="">已使用</a>
    <a href="">已过期</a>
</p>
<ul class="ticket_list">
    <li class="clear_fl">
        <span class="lf ticket_label">免费<br/>体验</span>
        <div class="lf ticket_info">
            <p>体验券</p>
            <p>使用范围：免费体验</p>
            <p>有效期：2017-11-14</p>
        </div>
        <a href="" class="rt rule_link">使用规则</a>
    </li>
    <li class="clear_fl">
        <span class="lf ticket_label">免费<br/>体验</span>
        <div class="lf ticket_info">
            <p>体验券</p>
            <p>使用范围：免费体验</p>
            <p>有效期：2017-11-14</p>
        </div>
        <a href="" class="rt rule_link">使用规则</a>
    </li>
    <li class="clear_fl">
        <span class="lf ticket_label">免费<br/>体验</span>
        <div class="lf ticket_info">
            <p>体验券</p>
            <p>使用范围：免费体验</p>
            <p>有效期：2017-11-14</p>
        </div>
        <a href="" class="rt rule_link">使用规则</a>
    </li>
    <li class="clear_fl">
        <span class="lf ticket_label">免费<br/>体验</span>
        <div class="lf ticket_info">
            <p>体验券</p>
            <p>使用范围：免费体验</p>
            <p>有效期：2017-11-14</p>
        </div>
        <a href="" class="rt rule_link">使用规则</a>
    </li>
</ul> -->